<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
	p{
		height:100px;
	}
</style>
<script src="../debug/debug.js"></script>
<script>
	var debug;
	function getStyle(elem,name){
		if(elem.style[name])
			return elem.style[name];
		else if(elem.currentStyle)
			return elem.currentStyle[name];
		else if(document.defaultView&&document.defaultView.getComputedStyle){
			name = name.replace(/([A-Z])/g,"-$1");
			name = name.toLowerCase();
			
			var s = document.defaultView.getComputedStyle(elem,"");
			return s&&s.getPropertyValue(name);
		}else
			return null;
	}
	
	window.onload=function(e){
		debug = new DebugConsole();
		
		var p=document.getElementById("p");
		debug.displayMsg(p.style.height+"should be null");
		debug.displayMsg(getStyle(p,"height")+"should be 100px");
	}
</script>
</head>
<body>
	<p id="p">I Should be  100 pixels tall.</p>
</body>
</html>